<!--
 * @Author: your name
 * @Date: 2020-08-22 01:51:42
 * @LastEditTime: 2020-08-27 18:27:18
 * @LastEditors: 郝汉森
 * @Description: In User Settings Edit
 * @FilePath: \exam-list\src\components\checkpaper\PaperDetail.vue
-->
<template>
  <div>
    <h2>试题详情</h2>
    <div class="questionsdetail">
      <el-card class="left">
        <p>
          出题人:
          <span>{{obj.user_name}}</span>
        </p>
        <div>
          <p>题目信息</p>
          <el-tag type="primary" size="large">{{obj.exam_name}}</el-tag>
          <el-tag type="error" >{{obj.questions_type_text}}</el-tag>
          <el-tag type="success" >{{obj.subject_text}}</el-tag>
        </div>
        <div>
          <p>{{obj.title}}</p>
          <p>{{obj.questions_stem}}</p>
        </div>
      </el-card>
      <el-card class="right">
        <h3>答案信息</h3>
        <p>{{obj.questions_answer}}</p>
      </el-card>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      obj:this.$route.query.data
    }
  }
}
</script>

<style lang='scss'>
.questionsdetail {
  display: flex;
  justify-content: space-around;

  .left {
    width: 66%;
  }

  .right {
    width: 33%;
  }
}
</style>
